<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>京东导航</title>
		<style>
			ul {
				height: 42px;
				background-color: #f1f1f1;

			}

			ul li {
				float: left;
				/* display: inline-block; */
				/* 垂直对齐方式 */
				vertical-align: middle
			}

			li {
				width: 65px;
				height: 20px;

				padding: 10px;

				list-style-type: none;
				overflow: hidden;

				border-left-style: solid;
				border-width: 1px;
				border-color: #9c9c9c;
			}

			#d1:after {
				height: 0;
				clear: float;
				diaplay: block;
				content: "";
			}

			.sj {
				/* background-img: url("../6-15-css/tel.png"); */
				background-image: url("tel.png");
				background-repeat: no-repeat;
				background-position: left 12px;
				padding-left: 19px;
				/* background-size: 100%; */
				width: 20px;
				height: 18px;
			}

			.box:hover>.sj {
				background-position: bottom;
			}

			a:link {
				color: black;
				text-decoration: none;
			}

			a:visited {
				color: blue;

			}

			a:hover {
				color: red;
				text-decoration: none;
			}

			a:active {
				color: orange;
			}
		</style>
	</head>
	<body>

		<ul id="d1">
			<li style="border-width: 0px; width:100px;">你好，请登录</li>
			<li style="border-width: 0px;"><a href="">免费注册</a></li>
			<li><a href="">我的订单</a></li>
			<li><a href="">我的京东</a></li>
			<li><a href="">京东会员</a></li>
			<li><a href="">企业采购</a></li>
			<li class="sj" style="width:85px;">
				 
				<a href="">手机京东</a>
			</li>
			<li><a href="">关注京东</a></li>
			<li><a href="">客服服务</a></li>

		</ul>

	</body>
</html>
